*{
    padding: 0;
    margin: 0 ;
}
body{
    min-width: 1000px;
}
/*顶部*/
#Top{
    width: 100%;
    height: 70px;
    background-color: black;
    // opacity: 0.46;
    div{
        float: left;
    }
    #topLeft div{
        float: left;
        width: 50%;
        height: 100%;
    }
    #topRight{
        width: 60%;
        height: 50px;
        div{
            float: left;
            height: 100%;
        }
        #search #searchinput{
            text-indent: 20px;
            caret-color: gainsboro;
            color: white;
            width: 60%;
            height: 30px;
            text-indent: 10px;
            outline: none;
        }
        #search #gosearch{
            width: 70px;
            height: 30px;
        }
        #allgoods ul{
            width: 100%;
            height: 100%;
        }
        #allgoods ul li{
            float: left;
            width: 24%;
           
        }
    }
}


#logincover {
    position: fixed;
    left: 0px;
    top: 0px;
    background: rgba(0, 0, 0, 0.4);
    width: 100%;
    height: 100%;
    filter: alpha(opacity=60);
    opacity: 0.6;
    display: none;
    z-index: 999;
}
#loginmodal {
    position: fixed;
    left: 30%;
    top: 30%;
    width: 550px;
    height: 350px;
    background-color: #fff;
    opacity: 1;
    box-shadow: 0 28px 50px rgb(25 24 40 / 35%);
    display: none;
    cursor: pointer;
    z-index:4444444444444444;
    #logintext{
        ul{
            padding: 0;
            margin: auto;
            list-style: none;
            li{
                line-height: 30px;
                margin: 10px auto;
                
            }
        }
    }
    p{
        line-height: 40px;
        margin: 20px auto;
        input{
            margin-left: 10%;
            width: 80%;
            height: 40px;
            text-indent: 10px;
            outline: none;
            #getyzm:hover{
                border: 1px solid gainsboro;
            }
        }
        button{
            margin-left: 10%;
            width: 80%;
            height: 40px;
            outline: none;
        }
        button:hover{
            opacity: 0.8;
        }
    }
}
/*遮罩层*/
#cover {
    position: fixed;
    left: 0px;
    top: 0px;
    background: rgba(0, 0, 0, 0.4);
    width: 100%;
    height: 100%;
    filter: alpha(opacity=60);
    opacity: 0.6;
    display: none;
    z-Index: 44;
}
#morezhcover {
    position: fixed;
    left: 0px;
    top: 0px;
    background: rgba(0, 0, 0, 0.4);
    width: 100%;
    height: 100%;
    filter: alpha(opacity=60);
    opacity: 0.6;
    display: none;
    z-Index: 44;
}
/*在遮罩层之上弹出的弹窗*/
#modal {
    position: absolute;
    top: 15%;
    left: 30%;
    // position: fixed;
    width: 650px;
    height: 600px;
    background-color: #fff;
    opacity: 1;
    // border-radius: 15px;
    display: none;
    cursor: pointer;
    z-Index:444444444444;
    #btn{
        position: absolute;
        top: 33%;
        left: 92.5%;
        border: none;
        outline: none;
        border-radius: 5px;
    }
    #leftbtn{
        position: absolute;
        top: 33%;
        left: 1.8%;
        border: none;
        outline: none;
        border-radius: 5px;
        display: none;
    }
}
#allways div{
    width: 2800px;
    height: 100%;
    overflow: hidden;
    div{
    float: left;
    width: 192px;
    margin: 0px 10px;
    border: 1px solid gainsboro;
    height: 95%;
    }
    div:hover{
          background: linear-gradient(120deg,#fff7ec,#ffcb7e) !important    
    }
    div:hover button{
        background: linear-gradient(120deg,#fff7ec,#ffcb7e) !important
    }

}

#morezh{
    position: absolute;
    border-radius: 2px;
    left: 15%;
    top: 35%;
    width: 70%;
    height: 30%;
    z-index: 4444444;
    div p{
        line-height: 30px;
        // margin: 10px auto;
    }
    button{
        outline: none;
        border: none;
        color: #582f1d;
        width: 30%;
        height: 60%;
        margin: 0px 40px;
    }
}

#hideqb{
    border-radius: 5px;
    div{
        width: 24.5%;
        height: 100%;
        float: left;
        // display: none;
    }
    ul{
        width: 100%;
        height: 100%;
        margin-top: 5px;
        list-style: none;
        li{

            text-align: center;
            float: left;
            width: 25%;
            margin: 5px 10px;
        }
        li:hover{
            color: #ffe5de !important;
        }
    }
}

/*触碰头像出现的下拉栏！！！！！*/
#headimgHide{
    width: 250px;
    height: 200px;
    position: absolute;
    top: 70px;
    right: 0px;
    background-color: #fbf2ef;
    box-shadow: 0 28px 50px rgb(25 24 40 / 35%);
    div{
        width: 100%;
        overflow: hidden;
        ul li{
            height: 100%;
            list-style: none;
            float: left;
            width: 24%;
            border-radius: 50%;
            img{
                position: relative;
                left: 20%;
                margin-top: 40%;
            }
        }
        p{
            
            height: 100%;
        }
    }
}



// 视频播放
.flashOutter{
    background-color: #191a20;
    height: 522px;
    width: 100%;
    .play-top-flash{
        padding-top: 10px;
        .playerContainer{
            width: 80%;
            height: 100%;
            margin: 0 auto;
            .qy-player-wrap{
                width:100%;
                height: 390px;
                display: flex;
                // 左边电视剧播放
                .block-left{
                    width: 61%;
                    height: 100%;
                    // float: left;
                    .play-left{ 
                        position: relative;
                        height: 100%;
                        transition: margin-right .2s ease;                      
                        // 视频
                        .play-flash{
                            position: relative;
                            height: 342px;
                            width: 100%;
                            // 广告倒计时
                            .ad-box{
                                position: absolute;
                                top: 10px;
                                right: 10px;
                                z-index: 200;
                                background: rgba(0, 0, 0, 0.6);
                                border-radius: 5px;
                                .countDown{
                                    padding: 8px 17px;
                                  
                                    .advertising{
                                        color: white;
                                        font-size: 12px;
                                        .second{
                                            font-size:16px;
                                            font-weight: bold;
                                        }
                                    }
                                }
                            }
                            // 鼠标放上去会出现对视频的一些操作
                            .player-dashboard{
                                visibility: hidden;
                                position: absolute;
                                bottom: 0;
                                left: 0;
                                width: 100%;
                                z-index:200;
                                font-size: 14px;
                                user-select: none;
                                -webkit-user-select: none;
                                z-index: 999;
                                .player-progress{
                                    position: relative;
                                    cursor: pointer;
                                    .progress-bar,.progress-middle,.barProgress{
                                        position: absolute;
                                        width:8px;
                                        height:5px;
                                        background-color:#16e067;
                                        cursor: pointer;
                                    }
                                    /* 进度条 */
                                    .bar{
                                        width:100%;
                                        height:5px;
                                        background-color:rgba(0, 0, 0, 0.4);
                                        border-radius: 10px;
                                        cursor: pointer;
                                         /* 进度条上边的小圆点 */
                                        span{
                                            position:relative;
                                            bottom:12px;
                                            right: 9px;
                                            color:white;
                                            font-size:30px;
                                            cursor: pointer;
                                        
                                        }
                                    } 
                                   
                                }

                                .hover-container{
                                    display: flex;
                                    justify-content: space-between;
                                    background-image: linear-gradient(180deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.6));
                                    padding: 0px 16px;
                                    height: 50px;
                                    position: relative;
                                    text-align: left;
                                    box-sizing: content-box;
                                    background-color: rgba(0, 0, 0, 0.1);
                                    .controls-left{
                                        padding-left: 16px;
                                        line-height: 50px;                                   
                                        align-items: center;
                                        vertical-align: middle ;
                                        height: 100%;
                                        position: absolute;
                                        z-index: 2;
                                        left: 0;
                                        .play-video{
                                            cursor: pointer;
                                            a{
                                                display:inline-block;
                                                cursor: pointer;
                                                text-decoration: none;
                                                color:beige;
                                                padding-right:20px;
                                                font-size: 30px;
                                            }
                                        }
                                        .coding-duration{
                                            display: inline-block;
                                            #duration{
                                                color: #fff;
                                            }
                                        }
                                    }
                                    .controls-right{
                                        position: absolute;
                                        right: 0;
                                        padding-right: 16px;
                                        line-height: 50px;
                                        display: flex;
                                        justify-content: space-between;
                                        align-items: center;
                                        font-size: 0px;
                                        margin-top: 6px;
                                        .control-icon{
                                            cursor: pointer;
                                            display: inline-block;
                                            cursor: pointer;
                                            position: relative;
                                            background-size: cover;
                                            background-color: transparent;
                                            border: none;
                                            vertical-align: middle;
                                            height: 32px;
                                       
                                            line-height: 32px;
                                            margin-left: 25px;
                                     
                                            color: #fff;
                                            opacity: 0.8;
                                            font-size: 14px;
                                            // 倍速的div
                                            .rate-board{
                                                display: none;
                                                width: 80px;
                                                position: absolute;
                                                bottom: 30px;
                                                left: 18px;
                                                padding-bottom: 15px;
                                                transform: translateX(-50%);
                                                border-radius: 4px;
                                                opacity: 0.8;
                                                font-size: 14px;
                                                // display: flex;
                                                // flex-direction: column;
                                                .rate-item{
                                                   
                                                    cursor: pointer;
                                                    background-color: #000000;
                                                    color: #fff;
                                                    font-size: 14px;
                                                    padding: 13px 0;
                                                    text-align: center;
                                                    line-height: 16px;
                                                    &:hover{
                                                        background-color: #333;
                                                    }
                                                }
                                                .active{
                                                    color:#16e067;
                                                }

                                            }
                                            #volume-bar{
                                                width:100px;
                                                height:3px;
                                                border-radius: 2px;
                                                background-color:#9acfea;
                                                cursor: pointer;
                                                margin-right:5px;
                                                position: relative;
                                                margin-top: 15px;
                                                margin-left: 4px;
                                                #box{
                                                    width:10px;
                                                    height:10px;
                                                    background-color:#ec971f;
                                                    border-radius: 50%;
                                                    cursor: pointer;
                                                    transition: left 0.1s linear 0s;
                                                    position: absolute;
                                                    bottom:-4px;
                                                }
                                            }
                                            
                                        }
                                       
                                    }
                                }
                            }
                        }
                        // 点击暂停的时候会出现一个广告图片
                        .pause{
                            display: none;
                            position: absolute;
                            top: 14px;
                            right: -140px;
                            width: 100%;
                            height: 100%;
                            z-index: 400;
                            .taxpd{
                                position: absolute;
                                z-index:999;
                                cursor: pointer;
                                width: 330px;                           
                                height: 220px;                      
                                margin: auto;
                                .pause-close{
                                    outline:none;
                                    border: none;
                                    background-color: rgba(0, 0, 0, 0.7);
                                    color: #fff;
                                    font-size: 12px;
                                    z-index: 2;
                                    position: absolute;
                                    top: 16px;
                                    right: 0;
                                    width: 26px;
                                    cursor: pointer;
                                    height: 26px;
                                   
                                    &:hover{
                                        color: #16e067;
                                    } 
                                }
                                video{
                                    width: 100%;
                                    height: 100%;
                                    cursor: pointer;
                                }
                            }
                        }
                        .msg{
                            position:absolute;
                            font-weight: 800;
                            animation:  6s l-2-r linear infinite normal;
                        }
                        @keyframes l-2-r {
                            from {
                              transform: translateX(500px);
                              -webkit-transform: translateX(500px);
                            }
                            to {
                              transform: translateX(0);
                              -webkit-transform: translateX(0);
                            }
                          }
                    
                        // 对视频的一些操作
                        .play-block{
                            height: 48px;
                            padding-left: 10px;
                            display: flex;
                            .play-many{
                                flex: 3;
                                display: flex;
                                justify-content: space-between;
                                padding-right: 34px;
                                vertical-align:middle;
                                .play-li{
                                    list-style: none;
                                    padding-top: 10px;
                                    vertical-align:middle;
                                    cursor: pointer;
                                    color: hsla(0,0%,100%,.5);
                                    &:hover{
                                        color:#00cc4c !important;
                                    }
                                    .play-span{
                                       i{
                                           font-size: 25px;                                  
                                       }  
                                       vertical-align:middle;                                     
                                      
                                                             
                                    }
                                    .collect{
                                        vertical-align:middle;
                                       
                                       
                                    }
                                }
                            }
                            .play-scan{
                                flex: 2;
                                display: flex;           
                                padding-top: 10px;
                                input{
                                    outline: line;
                                    width: 76%;
                                    height: 32px;
                                    box-sizing: border-box;
                                    background-color: initial;
                                    border: 1px solid #fff;
                                    caret-color: #e7e7e7;
                                    font-family: PingFangSC-Regular;
                                    font-size: 14px;
                                    color:  hsla(0,0%,100%,.5);
                                    letter-spacing: 0;          
                                }
                                button{
                                    margin-left: 10px;
                                    background: #222328;
                                    border-radius: 3px;
                                    height: 32px;
                                    line-height: 32px;
                                    position: relative;
                                    right: -1px;
                                    border: none;
                                    color: #fff;
                                    outline: none;
                                    font-family: PingFangSC-Medium;
                                    vertical-align: top;
                                    font-weight: 400;
                                    cursor: pointer;
                                    font-size: 13px;
                                }
                            }
                        }
                        
                    }
                }
                // 右边集数
                .block-right{
                    // margin-left:61%;
                    width: 39%;
                    display: inline-block;
                    .play-sdc{
                        box-sizing: border-box;
                        padding-left: 10px;
                        position: relative;
                        width: 100%;
                        height: 100%;
                        overflow: hidden;
                        .play-side{
                            position: relative;
                            height: 100%;
                            background-color: #222328;
                            border-radius: 4px;
                            .play-top{
                                padding:8px 16px 0 13px;
                                color: white;
                            }
                            .right-list{
                                height: 328px;
                                overflow-y:auto;
                                /* 滚动条的样式 */
                                &::-webkit-scrollbar{
                                    width:4px;
                                }
                                /* 滚动条里边小滑块的样式 */
                                &::-webkit-scrollbar-thumb{
                                    border-radius: 10px;
                                    -webkit-box-shadow-inset:0 0 5px rgba(0,0,0,.4);
                                    background-color:rgba(0,0,0,.9);

                                }
                                &::-webkit-scrollbar-track{
                                    -webkit-box-shadow-inset:0 0 5px rgba(0,0,0,.4);
                                    border-radius: 0;
                                    background:rgba(0,0,0,.1);
                                }
                                .title-info{
                                    font-size: 12px;
                                    // width: 100%;
                                    padding: 0 20px 20px 12px;
                                    color: #fff;
                                    margin-top: 10px;
                                   
                                    overflow: hidden;
                                    letter-spacing:1px;
                                    span{
                                        font-size:12px;
                                        padding: 0 20px 20px 12px;
                                        color: #fff;
                                        margin-top: 10px;
                                       
                                        overflow: hidden;
                                        letter-spacing:2px;
                                    }

                                }
                                .page-list{
                                    position: relative;
                                    z-index: 2;
                                    margin: 0 15px 0 16px;
                                    .items{
                                        display: flex;
                                        position: relative;
                                        background: #0f0f1e;
                                        height: 32px;
                                        padding: 0 10px;
                                        white-space: nowrap;
                                        line-height: 32px;
                                        border-radius: 16px;
                                        color: #fff;
                                        span{
                                            display: inline-block;
                                            font-size: 14px;
                                            padding: 0 7px;
                                            cursor: pointer;
                                            vertical-align:top;
                                            line-height: 32px;
                                        }
                                        .first-span{
                                            color: #00cc4c;
                                        }
                                    }
                                }
                                // 具体集数
                                .hhh{
                                 display: none;
                                 
                                }
                                .episode1{
                                    a{
                                        height: 39px;
                                    }
                                }
                                .episode,.episode1{
                                   
                                    margin: 11px 16px 0;            
                                    display: grid;
                                    grid-template-columns: 16.5% 16.5% 16.5% 16.5% 16.5% 16.5%;
                                    // grid-template-rows: 20% 20% 20% 20% 20%;
                                    .active4{
                                        background:#0f0f1e;
                                        color: #00cc4c;
                                        span{
                                            color: #00cc4c;
                                        }
                                         // 音量跳动
                                         .bounce{
                                            position: absolute;
                                            top: 19px;
                                            left: -16px;
                                            // i{
                                            //     color:#00cc4c;
                                            //     position: relative;
                                            // }
                                            ul{
                                                position: relative;
                                                display: flex;
                                                height:10px ;
                                                transform: rotate(180deg); 
                                                -o-transform: rotate(180deg); 
                                                -webkit-transform: rotate(180deg); 
                                                -moz-transform: rotate(180deg); 
                                                li{
                                                    list-style: none;
                                                    width: 2px;
                                                    height: 5px;
                                                    margin-right: 1px;
                                                    background-color: #00cc4c;
                                                    &:nth-child(1){
                                                        animation: love1 2s 0.4s infinite;
                                                    }
                                                    &:nth-child(2){
                                                        animation: love2 2s 0.2s infinite;
                                                    }
                                                    &:nth-child(3){
                                                        animation: love3 2s 0s infinite;
                                                    }
                                                }
                                                // 下面开始定义动画
                                                @keyframes love1 {
                                                    30%,50%{
                                                        height: 7px;
                                                        transform: translateY(0);
                                                        
                                                    }
                                                    70%,100%{
                                                        height: 2px;
                                                        transform: translateY(0);
                                                    }
                                                }
                                                @keyframes love2 {
                                                    30%,50%{
                                                        height: 5px;
                                                        transform: translateY(0);
                                                    }
                                                    70%,100%{
                                                        height: 2px;
                                                        transform: translateY(0);
                                                    }
                                                }
                                                @keyframes love3 {
                                                    30%,50%{
                                                        height: 3px;
                                                        transform: translateY(0);
                                                    }
                                                    70%,100%{
                                                        height: 2px;
                                                        transform: translateY(0);
                                                    }
                                                }
                                            }
                                        }
                                    }
                                    .episode-a{
                                        text-decoration: none;
                                        color:#fff;
                                        text-align: center;
                                        position: relative;
                                        //  height: 85px;
                                        &:hover{
                                            background:#0f0f1e;
                                            color: #00cc4c;
                                        }
                                        
                                        .current-code{
                                            display: inline-block;
                                            position: relative;
                                            width: 15.4%;
                                            margin: 9px 2px 9px 0;
                                            font-size: 16px;
                                            text-align: center;
                                           
                                            .code-i{
                                                position: absolute;
                                                top: -12px;
                                                left: 13px;
                                                width: 19px;
                                                height: 13px;
                                                img{
                                                    width: 100%;
                                                    height:100%;
                                                }
                                            }
                                        }
                                    }
                                }
                                // 精彩周边
                                .mod-title{
                                    height: auto;
                                    margin: 10px 10px 0 20px;
                            
                                    color: #bbb;
                                    font-size: 16px;
                                    line-height: 1.5;
                                    white-space: normal;
                                }
                                .mod_figure{
                                    margin-left: 20px;
                                    .figure-list{
                                        display: flex;
                                        flex-direction: column;
                                        .figure-li{
                                            list-style: none;
                                            display: block;
                                            position: relative;
                                            height: 74px;
                                            cursor: pointer;
                                            margin-top: 20px;
                                           .li-left{
                                                width: 130px;
                                                height: 74px;
                                                text-decoration: none;
                                                position: absolute;
                                                left: 0;
                                              
                                                img{
                                                    width: 100%;
                                                    height: 100%;
                                                    border-radius: 4px;
                                                }
                                           }
                                           .li-right{
                                               position: absolute;
                                               right: 0;
                                               height: 74px;
                                               text-decoration: none;
                                               color: #fff;
                                               word-wrap: break-word; 
                                               word-break: normal;
                                               padding-right: 10px;
                                               padding-top: 15px;
                                               width: 55%;
                                               div{
                                                 
                                                   span{
                                                    word-wrap: break-word; 
                                                    word-break: normal;
                                                   }
                                                   &:hover{
                                                       color: #00cc4c;
                                                   }
                                               }
                                              
                                           }

                                        }
                                    }
                                }
                                
                            }
                        }
                    }
                }
               
            }
        }
    }
    // 电视剧名称标题
    .play-bottom-flash{
        position: relative;
        padding:20px 0;
        width: 80%;
        margin: 0 auto;
        .clearfix{
            h1{
                color: white;
                text-overflow: ellipsis;
                white-space: nowrap;
                margin-bottom: 18px;
                img{
                    width: 19px;
                    height: 13px;
                }
            }
            .desc{
                word-wrap: break-word;
                white-space: inherit;
                height: 22px;
                line-height:22px;
                font-size: 14px;
                .desc-span{
                  .desc-i{
                      color: #999;
                      font-size:14px;
                      i{
                         color: rgb(250, 100, 0); 
                      }
                  }
                  .desc-fen{
                    color:#01c8d4;
                    font-weight: 700;
                    font-size: 14px;
                    span{
                        margin-left:10px;
                    }
                  }

                }

            }
            .tags{
                margin-left: 8px;
                display: inline-block;
                font-size: 14px;
                color:#fff;
                .tags-test{
                    display: inline-block;
                    padding-right: 20px;
                }
                a{
                    text-decoration: none;
                    color: #fff;
                    font-size: 14px;
                    cursor: pointer;
                    padding-right: 20px;  
                    width: 40px;
                    border-radius: 16px;
                    text-align: center;
                    background: rgba(0,0,0,.1);  
                    &:hover{
                        color:  #00cc4c;
                    }          
                }
            }
        }
    }
}

//演员介绍
.bottom-wrap{
    width: 100%;
    padding-top: 20px;
    .yboh{
        width: 80%;
        margin: 0 auto;
        margin-bottom: 35px;
        .ybohs{
            width:100%;
            display: flex;
            .yboh-left{
                flex: 2;
                width: 78%;
                // 内容简介的具体内容
                .mod_row_box{
                  
                    width: 100%;
                    margin-bottom: 30px;
                    .mod_hd{
                        .mod_title{
                            margin-bottom: 2px;
                            h2{
                               height: 42px; 
                            }
                        }
                    }
                    .mod_bd{
                        width: 100%;
                        .director{
                            color:#666;
                            margin-bottom: 2px;
                            a{
                                text-decoration: none;
                                color: #666;
                                font-size: 14px;
                                &:hover{
                                    color: #00cc4c;
                                }
                            }
                        }
                        .video_summary{
                            position: relative;
                            max-height: none;
                            padding-right: 20px;;
                            p{
                                font-size: 12px;
                                line-height: 24px;
                                white-space: pre-line;
                            }
                        }
                    }
                }
                // 关于明星那部分
                .touch{
                    width: 100%;
                    margin-bottom: 30px;                               
                    // 明星名字
                    .trochanter-stars{
                        width: 100%;
                        margin-top: 15px;
                        height: 80px;
                        overflow: hidden;
                        .trochanter-ul{
                            // transform: translateX(0px);
                            // transition: all 0.2s ease 0s;
                            white-space: nowrap;
                            display: flex;
                            .active2{
                                height: 80px;                           
                                width: 23%;   
                                .star-index{
                                    background: linear-gradient(90deg,#ff0af4 0,#ff023f);
                                    background-color: #ff0af4;
                                    
                                }
                            }
                            .star-box{
                               
                                display: inline-block;
                                height: 80px;                           
                                margin-right: 10px;
                                width: 23%;   
                                list-style: none;                       
                                .star-index{
                                    height: 58px;
                                    width: 100%;
                                    background-color:whitesmoke ;
                                    position: relative;
                                    border-radius: 40px;
                                    display: flex;
                                    .star-a{
                                        text-decoration: none;
                                        position:relative;
                                        img{
                                            width: 40px;
                                            height: 40px;
                                            border-radius: 50%;
                                            position: absolute;
                                            left: 12px;
                                            top:8px;
                                        }
                                        .hide-ico{
                                            padding-left:66px;
                                            display: block;
                                            .subtitle{
                                                color: #666;
                                                line-height: 58px;
    
                                            }
                                        }
    
                                    }
                                }
                            }
    
                        }
                        
                    }
                }

                // 登录之后可以评论
                .common-root{
                    width: 100%;
                    margin-top: 20px;
                    h3{
                        color: black;
                    }
                    .comment-input{
                        position: relative;
                       margin-top: 10px;
                        .comment-img{
                            display: inline;
                            float: left;
                            width: 50px;
                            height: 50px;;
                            border-radius: 50%;
                            img{
                                height: 100%;
                                width: 100%;
                                border-radius: 50%;
                            }
                        }
                        .input-footer{
                            position: relative;
                            margin-left: 70px;
                            border: 2px solid #f0f0f0;
                            // 没有登录评论的样式
                            .no-login{
                                // display: none;
                                display: block;
                                text-align: center;
                                height: 72px;                           
                                padding-top: 20px;
                                width: 100%;
                                .login-opt-title{
                                    font-size: 14px;
                                    color: #18191e;
                                }
                                .carry-login{
                                    display: inline-block;
                                    width: 96px;
                                    cursor: pointer;
                                    height: 30px;                          
                                    line-height: 30px;
                                    font-size: 14px;
                                    margin-top: 14px;
                                    background-color: #00cc4c;
                                    color: #fff;
                               
                                }
                            }
                            .login-success{
                                display: none;
                                .input-body{
                                    height: 104px;
                                    margin: 12px;
                                    border-bottom: 2px solid #f0f0f0;
                                    #text1{
                                        height: 100%;
                                        width: 100%;
                                        display: block;
                                        border: none;
                                        font-size: 14px;
                                        line-height: 20px;
                                        color: #333;
                                        outline: none;
                                        border: none;
                                        resize: none;
                                    }
                                }
    
                                .footer-div{
                                    height: 34px;
                                    line-height: 34px;
                                    overflow: hidden;
                                    padding: 10px 14px;
                                    position: relative;
                                    .footer-span{
                                        float:left;
                                        cursor: pointer;
                                    }
                                    .footer-button{
                                        cursor: pointer;
                                        outline: none;
                                        background-color: #00cc4c;
                                        color: white;
                                        padding: 10px 15px;
                                        float: right;
                                        border: 1px solid #01c8d4;
                                    }
                                }
                            }
                            
                        }
                    }

                }


                // 精彩评论
                .feedList{
                    width: 100%;
                    position: relative;
                    margin-top: 20px;
                    margin-bottom: 10px;
                    // 没有评论会出现的内容
                    .no-comment{
                        position: relative;
                        height: 300px;
                        display: none;
                        .your-first{
                            font-size: 13px;
                            color: #666;
                            position: absolute;
                            top: 50%;
                            left:50%;
                        }
                    }
                    // 如果评论超过一定的条数就会出现查看所有评论
                    .look-all{
                        width: 100%;
                        height:45px;
                        display: none;
                        .look-all-comment{
                            width: 90%;
                            margin: 0 auto;
                            background-color:  #f0f0f0;;
                            border-radius: 4px;
                            color:  #adadad;
                            cursor: pointer;
                            line-height: 45px;
                            font-size: 14px;
                            text-align: center;
                        }
                    }
                    .block_title{
                        p{
                            color: black;
                            font-size: 25px;
                            font-weight: 500;
                            margin-bottom: 5px;
                            span{
                                color: gray;
                                font-size: 12px;
                            }
                        }
                    }
                    .section{
                        border-bottom: 1px solid #eee;
                       position: relative;
                        border-color: rgba(24,25,30,.05); 
                        .section-bd{
                            width: 50px;
                            height: 50px;
                            float: left;
                            img{
                                width: 100%;
                                height:100%;
                                border-radius: 50%;
                            }
                        }
                        .section-hd{
                            margin-left: 70px;
                            position: relative;
                            .comment-name{
                                height: 20px;
                                line-height: 20px;
                                margin-bottom:4px;

                                span{
                                    color: salmon;
                                    font-size:14px;
                                    line-height: 20px;
                                }
                            }
                            .subject{
                                margin-bottom: 5px;
                              
                                 font-size: 15px;
                                line-height: 27px;
                                word-wrap: break-word; 
                            }
                            .talk{
                               height:17px;
                               line-height: 17px;
                               overflow: hidden; 
                               span{
                                    margin-right: 40px;
                                    font-size: 16px;
                                    color: #18191e;
                                    opacity: .6;
                               }
                               .talk-like{
                                    text-decoration: none;
                                    color:  #18191e;
                                    font-size: 16px;
                                    margin-right: 40px;
                                    &:hover{
                                        color: #00cc4c;
                                    }
                               }
                               .talk-lun{
                                    color:  #18191e;
                                    font-size: 16px;
                                    &:hover{
                                        color: #00cc4c;
                                    }
                                }
                                .talk-report{
                                    color:  #18191e;
                                    &:hover{
                                        color: #00cc4c;
                                    }
                                }
                                .talk-delete{
                                    // display: none;
                                    color:  #18191e;
                                    i{
                                        font-size: 18px;
                                    }
                                    &:hover{
                                        color: #00cc4c;
                                    }
                                }
                            }
                            // 点击恢复会出现一个输入夫框
                            .children,.children1{
                                margin-top: 10px;
                                position: relative;
                                width: 100%;
                                border: 1px solid #e5e5e5;
                                display: none;
                                .pop-relay,.pop-relay1{
                                    border-color: #DDD;
                                    border: none;
                                    border-bottom: 1px solid #e5e5e5;

                                    .text2,.text3{
                                        border: 0;
                                        outline: none;
                                        resize: none;
                                        display: inline-block;
                                        font-size: 12px;
                                        width: 100%;
                                        height: 60px;
                                        padding: 10px;
                                        border-color: #DDD;
                                        background-color: rgba(255,255,255,.7);
                                    }
                                }
                                .commentSub,.commentSub1{
                                    height: 38px;
                                    position: relative;
                                    padding: 0px 5px 0px 10px;
                                    line-height: 38px;
                                    margin-top: 3px;
                                    .writeBack,.writeBack1{
                                        padding: 7px 10px;
                                        color: #fff;
                                        background-color:#00cc4c;
                                        font-size: 13px;
                                        float: right;
                                        border: 1px solid #00cc4c;
                                        outline: none;
                                    }
                                }
                            }
                            .answer{
                                margin-top: 20px;
                                .comment-c-item{
                                    padding-bottom: 20px;
                                    .comment-hd{
                                        width: 30px;
                                        height: 30px;
                                        float: left;
                                        img{
                                            width: 100%;
                                            height:100%;
                                            border-radius: 50%;
                                        }
                                    }
                                    .comment-bd{
                                        color: #18191e;
                                        margin-left: 45px;
                                        .comment-bd-top{
                                            &::before{
                                                content:'';
                                                float:right;
                                                height: 100%;
                                                margin-bottom: -20px;
                                            }
                                            .btnLabel{
                                                float: right;
                                                clear: both;
                                                outline:none;
                                                border: none;
                                                background-color: transparent;
                                                color: dodgerblue;
                                                cursor: pointer;
                                            }
                                            line-height: 24px;
                                            margin-bottom: 7px;
                                            margin-top: -3px;
                                            display: -webkit-box;
                                            overflow: hidden;
                                            -webkit-line-clamp: 3;
                                            -webkit-box-orient: vertical;
                                            .replyer{
                                                font-size: 15px;
                                                color:#18191e;
                                                opacity: 0.6;
                                                transition: all .2s;
                                            }
                                            .reply-content{
                                                font-size:20px;
                                                color: #18191e;
                                                line-break: anywhere;
                                                word-wrap: break-word;
                                            }
                                        }
                                        .comment-bd-bottom{
                                            height: 17px;
                                            line-height: 17px;
                                            overflow: hidden;
                                            span{
                                                margin-right: 20px;
                                            }
                                            .span-collect1,.span-comments,.span-report,.span-delete{
                                                &:hover{
                                                    color:#00cc4c;
                                                }
                                            }
                                            .span-delete{
                                                // display: none;
                                                i{
                                                    font-size: 18px;
                                                }
                                            }
                                        }
                                    }
                                }
                            }
                        }
                    }
                }
            }

        }
    }
}

// 底部
.lastPage{
    width:80%;
    position: relative;
    margin:0 auto;
    .g-footer{
        border-top: 2px solid #ff5c38;
        margin-top: 20px;
        .g-foot{
            display: flex;
            justify-content: space-between;
            height: 136px;
            .dl-one,.dl-two,.dl-three{
                flex: 1;
                display: flex;
                flex-direction: column;
                margin-right: 50px;
                .title-IV{
                    color:#fff;
                    font-size:14px;
                    font-weight: bold;
                }
                a{
                    text-decoration: none;
                    color:#999;
                    display: inline-block;
                    width:80px;
                    font-size:12px;
                    cursor: pointer;
                    &:hover{
                        color:#16e067;
                    }
                }
            }
        }

        // 最底部
        .last-foot{
            width:100%;
            height: 200px;
        }
    }
}


// 如果评论区没有内容就会出现提示或者举报不成功

.import-input,.import-input1,.import-input2,.import-input3,.import-input4,.import-input5{
    position: fixed;
    top: 0px;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,.1);
    display:none;
    z-index: 999; 
    .import,.import1,.import5{
        opacity: 0;
        position: relative;
        top: 35%;
        left: 44%;
        width: 200px;
        height: 50px;
        background-color: rgba(0, 0, 0, 0.6);
        color: #fff;
        font-size: 14px;
        text-align: center;
        line-height: 50px;
    }
    .import3,.import4,.import2{
        opacity: 0;
        position: relative;
        top: 5%;
        left: 44%;
        width: 200px;
        height: 50px;
        background-color:white;
        color: orangered;
        font-size: 14px;
        text-align: center;
        line-height: 50px;
    }
}

// 明星作品的修饰
// 按钮
.allStars{
    margin-bottom: 20px;
    span{
        font-size: 25px;
        font-weight: 800;
        color: black;
    }
}
.qy-change{
    display: inline-block;
    // padding-left:90px;
    white-space: nowrap;
    .qy-left,.qy-right{
        outline: none;
        border:none;
        background: transparent;
        color:#ccc; 
        display: inline-block;
        width:25px;
        height:25p;
        text-align: center;
        line-height: 25px;
        &:hover{
            background-color: rgba(0,0,0,.4);
        }
    }
    
}
.panel{
    display: flex;
    justify-content: space-between;
    height: 170px;
    &:nth-child(2){
        background-color: whitesmoke;
        position:relative;
        width: 90%;
        margin: 0 auto;
    }
    .tips-eli{
        position: absolute;
        top: 50%;
        left: 0;
        width: 100%;
        margin-top:-10px;
        line-height:20px;
        text-align: center;
        text-indent: 0;
        font-size: 13px;
        color: red;
    }
    .panel-li3,.panel-li2{
        list-style:none;
        margin-right: 15px;
        width: 23.5%;
        .panel-div3{
            height: 109px;
            border-radius: 3px;
            overflow: hidden;
            transition: all .3s;
            position: relative;
            .aplus{
                text-decoration: none;
                height: 100%;
                width: 100%;
                transition: all .3s;
                img{
                    width: 100%;
                    height: 100%;
                    &:hover{
                        transform:scale(1.1);
                    }  
                }
                .pack-br{
                    position: absolute;
                    bottom: 0;
                    left: 0;
                    right: 0;
                    height: 40px;
                    background-image: linear-gradient(180deg,transparent,rgba(0,0,0,.1) 30%,rgba(0,0,0,.5));
                    padding: 0 8px;
                    .mod-spans{
                        display: block;
                        padding-top: 12px;
                        line-height: 28px;
                        color: #fff;
                        font-size: 13px;
                        text-align: right;
                    }
                }
            }
        }
    }
    .panel-li3{
        height: 170px;
    }
    .panel-li2{
        height: 150px;
    }
}
.trochanter{
    overflow: hidden;
    width: 100%;
    .four-li2{
        white-space: nowrap;
    }
}

.box-list{
    margin:5px 0;
    .box-title{
        height: 18px ;
        line-height: 18px;
        padding-right: 5px;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
        cursor: pointer;
        a{
            text-decoration: none;
            color: #111;
            font-size:14px;
            p{
                color: #111;
                font-weight: bold;
                overflow: hidden;
                font-size: large;
                white-space: nowrap;
                text-overflow: ellipsis;
                &:hover{
                    color: #16e067;
                }
            }
        }
        
    }
    .box-sub-title{
        // color: hsla(0,0%,100%,.38);
        margin-top: 5 px;
        height: 31px;
        line-height: 31px;
        font-size: 12px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
}

 // 电视剧右边
 .layout-right{
    overflow: hidden;
    width:22%;
    flex: 1;
    .trl-type{
        display: flex;
        flex-direction: column;
        .trl-base{
            position:relative;
            display: flex;
        }
        .trl-con{
            flex:1;
            .trl-ul{
                display:flex;
                flex-direction: column;
                overflow: hidden;
                .trl-item{
                    border-bottom: 1px solid rgba(0, 0, 0, 0.4);
                    flex-direction: column;
                    justify-content: center;
                    flex:1;
                    position: relative;
                    &:hover{
                        background-color: whitesmoke;
                    }
                    .rank-list{
                        text-decoration: none;
                        display: flex;
                        padding:0 0 5px 0;
                        .rank-num{
                            color: rgba(31, 30, 30, 0.12);
                            font-size:25px;
                            font-weight: 900;
                            padding-right:10px;
                            font-style: italic;
                            line-height: 55px;
                        }
                        .rank-content{
                            margin-top:10px;
                            span{
                                color: black;
                            }
                            .rush{
                                font-size:16px;
                                font-weight: bold;
                                // color: #fff;
                                cursor: pointer;
                                &:hover{
                                    cursor: pointer;
                                    color:#16e067;
                                }
                            }
                            p{
                                color: #999;
                            }
                        }
                    }
                }
            }
        }
    }
}

// 点击收藏会出现的弹窗
@CPM: rgba(0,0,0,.3);
@CPMh1: rgb(83, 83, 83);
@borderc: rgb(233, 235, 237);
.shade{
    position: fixed;
    top: 0px;
    width: 100%;
    height: 100%;
    background-color: @CPM;
    display:none;
    z-index: 999; 
  .CPM{
    width: 420px;
    height: 451px;
    background-color: white;
    margin: 100px auto;
    border-radius: 5px;
    position: relative;
    opacity: 0;
    h3 {
      font-weight: 400;
      text-align: center;
      line-height: 50px;
      height: 50px;
      color: @CPMh1;
      border-bottom: 1px solid @borderc;
    }
    .closew{
      font-size: 25px;
      text-align: center;
      line-height: 25px;
      width: 25px;
      height: 25px;
      display: inline-block;
      position: absolute;
      top: 12px;
      right: 12px;
      color: rgb(182, 188, 194);
      cursor: pointer;
      &:hover {
        color: rgb(70, 70, 70);
      }
    }
    .pop-up{
        padding: 0 36px;
        height:325px;
        .group-list{
            min-height: 310px;
            // padding-bottom: 14px;
            ul{
                position: relative;
                margin-top: 15px;
                margin-bottom: 13px;
                height: 250px;
                overflow: auto;
                /* 滚动条的样式 */
                &::-webkit-scrollbar{
                    width:4px;
                }
                /* 滚动条里边小滑块的样式 */
                &::-webkit-scrollbar-thumb{
                    border-radius: 10px;
                    -webkit-box-shadow-inset:0 0 5px rgba(0,0,0,.2);
                    background-color:rgba(0,0,0,.2);

                }
                &::-webkit-scrollbar-track{
                    -webkit-box-shadow-inset:0 0 5px rgba(0,0,0,.2);
                    border-radius: 0;
                    background:rgba(0,0,0,.1);
                }
                li{
                    padding-bottom: 15px;
                    font-size: 14px;
                    list-style: none;
                    color: #222;
                    cursor: pointer;
                    input{
                        width: 20px;
                        height: 20px;
                       
                    }
                    .fav-title{
                        padding-left: 5px;
                        display: inline-block;
                        overflow: hidden;
                        text-overflow: ellipsis;
                        white-space: nowrap;
                    }
                }
            }
            .add-group{
               position: relative;
               border: 1px solid #ccd0d7;
               width: 100%;
               height: 34px;
               
               .add-all{
                // display: none;
                .add-pic{
                    display: inline-block;
                    line-height: 34px;
                    padding: 0 10px;
                    font-size: 18px;
                    font-size: 400;
                }
                 .add-btn{
                     display: inline-block;
                     height: 34px;
                     line-height: 34px;
                     border-radius: 4px;
                     
                 }
               }
               .group-input{
                   display: none;
                    height: 34px;
                    line-height: 34px;
                    border: 1px solid #00a1d6;
                    border-radius: 4px;
                    width: 100%;
                    position: relative;
                    .alert{
                        display: none;
                        line-height: 40px;
                        height: 40px;
                        font-size: 12px;;
                        position: absolute;
                        top: -52px;
                        right: 0;
                        padding: 0 10px;
                        border-radius: 4px;
                        color:white;
                        background: rgb(233, 67, 67);
                    }
                    input{
                        border: none;
                        font-size: 12px;
                        width:77%;
                        outline: none;
                        margin-left: 10px;
                        padding: 0;
                        box-shadow: none;
                        height: 85%;
                        
                    }
                    .group-submit{
                        height: 34px;
                        width: 20%;
                        position: absolute;
                        background: #d9f1f9;
                        border: none;
                        border-left: 1px solid #666;
                        border-radius: 0 4px 4px 0;
                        font-size: 14px;
                        color: #666;
                        cursor: pointer;
                    }
               }
               

            }
        }
    }
    .btn-sure {
      width: 150px;
      height: 50px;
      border-radius: 5px;
      position: absolute;
      outline: none;
      border: none;
      background-color: rgb(0, 162, 255);
      left: 50%;
      transform: translateX(-50%);
      bottom: 10px;
      color: aliceblue;
      &:hover {
        background-color: rgb(4, 129, 202);
        cursor: pointer;
      }
    }
  }
}

// 举报的弹窗
.shade1{
    position: fixed;
    top: 0px;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.1);
    display:none;
    z-index: 999; 
    .CPM1{
        width: 580px;
        height: 420px;
        background-color: white;
        margin: 100px auto;
        border-radius: 5px;
        position: relative;
        opacity:0;
        h3{
            font-weight: 400;
            padding-left:50px;
            line-height: 50px;
            height: 50px;
            color: @CPMh1;
            background-color: #f5f5f5;
            border-bottom: 1px solid @borderc;
          }
          .closew1{
            font-size: 25px;
            text-align: center;
            line-height: 25px;
            width: 25px;
            height: 25px;
            display: inline-block;
            position: absolute;
            top: 12px;
            right: 12px;
            color: rgb(182, 188, 194);
            cursor: pointer;
            &:hover {
              color: #16e067;
            }
          }
        .pop-up1{
            line-height: 20px;
            padding: 27px 80px 0;
            .report-item2{
                margin-bottom: 16px;
                p{
                    font-size: 14px;
                    color: #999;    
                }
                .necessary{
                    overflow: hidden;
                    .necessary-ul{
                        width:456px;
                        li{
                            color: #999;
                            list-style: none;
                            float: left;
                            margin-right: 12px;
                            margin-top: 22px;    
                        }
                    }
                }
            } 
            .report-item3{
                margin-bottom: 40px;
                p{
                    font-size: 16px;
                    color: #999;
                }
                .other-reason{
                    margin-top: 13px;
                    display: none;
                   
                    .other-ta{
                        width: 96%;
                        border-width: 1px;
                        border-style: solid;
                        border-color: #ccd0d7;
                        border-radius: 4px;
                        resize: none;
                        outline: none;
                        transition: all 0.3s;
                        padding: 8px;
                        height: 52px;
                    }
                }
            } 
        }
        .btn-sure1{
            outline: none;
            display: inline-block;
            width: 120px;
            height: 40px;
            line-height: 40px;
            color: #fff;
            font-size: 14px;
            background: #00a1d6;
            border: 1px solid #00a1d6;
            border-radius: 4px;
            margin: 5px 0 10px 220px;
            cursor: pointer;
            transition: all 0.3s;
            &:hover{
                background-color: #01c8d4;
            }
        }
    }
}

// 删除的弹窗
.shade2{
    position: fixed;
    top: 0px;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.1);
    display:none;
    z-index: 999; 
    .CPM2{
        width: 300px;
        height: 160px;
        background-color: white;
        margin: 180px auto;
        border-radius: 5px;
        position: relative;
        opacity:0;
          .closew2{
            font-size: 25px;
            line-height: 25px;
            width: 25px;
            height: 25px;
            float:right;
            color: rgb(182, 188, 194);
            cursor: pointer;
            &:hover {
              color: #16e067;
            }
          }
          .vanish{
            height: 100px;
            line-height: 110px;
            margin-bottom: 5px;
            font-size: 14px;
            color: #bbb;
            padding-left:60px ;
          }
          .deleteBtn{
              margin-top:5px;
              padding: 0 60px;
              button{
                width: 85px;
                height: 40px;
                cursor: pointer;
                border-radius: 4px;
                outline: none;
                display: inline-block;
                line-height: 40px;
              }
              .btn-sure2{
                background: #00a1d6;
                border: 1px solid #00a1d6;
                transition: all 0.3s;
                color: white;
                &:hover{
                background-color: #01c8d4;
                }
              }
              .btn-del{
                  border: none;
                  color: block;
                  &:hover{
                    background-color: #adadad;
                  }
              }
          }
    }
}